<template>
    <div>
    <div><el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" border
                  style="width: 100%" @selection-change="handleSeletionChange" align="center">
        <el-table-column prop="num" label="订单序号"></el-table-column>
        <el-table-column prop="time" label="下单时间"></el-table-column>
        <el-table-column prop="state" label="订单状态"></el-table-column>
        <el-table-column prop="" label="操作" align="center">
              <el-radio-button size="mini" @click="open">查看</el-radio-button>                  
        </el-table-column>
      </el-table>
    </div>
    
    <el-dialog v-model="changeInfo" title="用户申请" :before-close="close">
        <el-form ref="form" :model="userChange" label-width="120px">
          <el-form-item class="item" label="标题:" prop="Password">
            <el-input
                type="password"
                placeholder="标题"
                show-password
            />
          </el-form-item>
          <el-form-item class="item" label="描述:" prop="address">
            <el-input
                type="address"
                placeholder="描述"
            />
          </el-form-item>
          <el-form-item class="item" label="图片:" prop="tel">
            <el-input
                type="tel"
                placeholder="图片"
            />
          </el-form-item>
          <el-form-item class="submit">
            <el-button type="primary" @click="change">确认</el-button>
            <el-button type="primary" @click="change">退货</el-button>
            <el-button type="primary" @click="change">退款</el-button>
          </el-form-item>
        </el-form>
      </el-dialog>
    </div>
  </template>
  
  <script>
  import request from "@/utils/request";
  import { method } from "lodash";
  
  
  export default {
    name: "OrderHistory",
    data(){
    return{
     changeInfo: false,
     tableData:[
          {
            num:'1',
            time:'2023.1.1',
            state:'正在交易',         
          },
      ]
    }
  },
    methods:{
    open() {
        this.changeInfo = true;
      },
    change(){
        this.changeInfo = false;
    },
   }
  }
  </script>
  
  <style scoped>
  .div2{
    background-size: 100% ;
    float: left;
    margin-top: -200px;
  }
  .b3{
    margin-bottom: 20px;
  }
  .dialog1{
    z-index: 2;
  }
  </style>